body,div,ul,ol,dt,dd,dl,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,img,a,span,strong,*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"宋体"; color:#000000; background-color:#FFFFFF;}
ul,ol,li{ list-style:none;}
p,a{ font-size:14px;}
img,input,select,textarea{ vertical-align:middle}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#003366;}
.clear{ clear:both; height:0; width:0; overflow:hidden;} 



*{
	margin:0;
	padding:0;
	outline:none
}
li{	list-style: none;
}
body{ font-size:12px; font-family:"宋体"; color:#000000; background-color:#fff;}
a:hover{ color:red;}
a{
	text-decoration: none;
}
.clear{zoom:1;}
.clear{content:"";visibility:hidden; display:block;height:0;clear:both;}
.bkx(@px:1px; @xx:solid; @xs:#000){
border:@arguments;}                     


#box{width: 100%;height: auto;}

nav{width: 100%;
	ul{
		li:first-child{
			img{margin: 5% ;width: 90%;}
		}
		li:last-child{
			display: flex;
			justify-content: space-around;
			align-items: center;
			margin: 2% 0;

		}
	}
}
main{width: 90%;margin: 5% 5% 0 5%;}
#imgs{img{
	width: 100%;
	}}

#p{line-height: 1rem;
	display: flex;justify-content: space-between;
}


#uu{
	li{display: flex;
		justify-content: space-between;
		align-items: center;
		dl{
			width: 45%;
			margin: 4% 0;
			dt{
				img{width: 100%;}
			}
			dd{
				h3{margin: 2% 0;}
				p{
					font-size: .3rem;
					color: #ccc;
				}
			}
		}
	}
}

footer{
	position: fixed;
	bottom:5px;
	left: 50%;
	transform: translate(-50%,0);
	height: 2rem;
	width: 80%;
	
	#u_foot{
		display: flex;
		li{
				position: relative;
		}
	
		justify-content: space-between;
		overflow: hidden;
		padding-top: 6%;
		
		img{
		position: absolute;
		top: -17px;left:5px;
		padding-left: 2%;
		width: 50%;
		z-index: -1;}
		
		a{background: #fff;}
		
	}
}